<template>
  <div>
    <el-carousel :interval="4000" type="card" height="189px" :autoplay="false">
      <el-carousel-item v-for="(item,index) in bannerlist" :key="index">
        <img v-lazy="item.pic" width="510px" height="189px" alt />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: 'nav-radio',
  created () {
    this.$http.get("/api/dj/banner").then((res, err) => {
      if (err) {
        console.log(err)
      } else {
        this.bannerlist = res.data.data
        console.log()
      }
    })
  },
  data () {
    return {
      bannerlist: []
    }
  },
  methods: {}
};
</script>

<style lang='scss'>
</style>